<template>
<div class="view-Performance1">
	<hooks1 :id='test.id' :name='test.name'></hooks1>
	<defer1></defer1>
</div>
</template>

<script>
// @ is an alias to /src
import Hooks1 from '@/performance/hooks/Hooks1.vue'
import Defer1 from '@/performance/defer/Defer1.vue'

export default {
	name: 'Performance1',
	components: {
		'hooks1': Hooks1,
		'defer1': Defer1,
	},
	data () {
		return {
			test: {
				id: 100,
				name: 200,
			},
		};
	},
	beforeRouteEnter (to, from, next) {
		console.log('beforeEnter:home:组件内');
		next();
	},
	mounted () {
        console.log('ExampleList1:');
        console.log(this.$storeTest);
    },
}
</script>
